import classnames from '@/utils/classnames';
import { Icon, NavBar, Toast } from 'antd-mobile';
import { history } from 'umi';
import styles from './index.less';

export default function SettingPage() {
  function navBarGoBack() {
    history.goBack();
  }

  return (
    <>
      <div className={classnames('page navbar', styles.page)}>
        <div className="page__navbar">
          <NavBar
            style={{ color: '#000000' }}
            mode="light"
            icon={<Icon type="left" />}
            leftContent="设置"
            onLeftClick={() => navBarGoBack()}
            // rightContent={[
            //     <Icon key="0" type="search" style={{ marginRight: '16px' }} />,
            //     <Icon key="1" type="ellipsis" />,
            // ]}
          >
            {/* JSAPI支付 */}
          </NavBar>
        </div>

        <div className={styles.cells}>
          <div className={styles.cell}>
            <div className={styles['cell__bd']}>账号管理</div>
            <div className={styles['cell__ft']}></div>
          </div>
          <div className={styles.cell}>
            <div className={styles['cell__bd']}>消息通知</div>
            <div className={styles['cell__ft']}></div>
          </div>
          <div
            className={styles.cell}
            onClick={() => history.push('/setting/about')}
          >
            <div className={styles['cell__bd']}>关于</div>
            <div className={styles['cell__ft']}></div>
          </div>
          <div className={styles.cell}>
            <div className={styles['cell__bd']}>退出</div>
            <div className={styles['cell__ft']}></div>
          </div>
        </div>
      </div>
    </>
  );
}
